﻿@section CSS
{
    <link href="~/Content/C4GameRules.css" rel="stylesheet" />
}
@{
    ViewBag.Title = "C4GameRules";
}

<h1>4 í röð</h1>

<h2>Leikreglur</h2>

<div class="Connect4Rules">

    <!-- Connect 4 Picture -->
    <img src="/Images/connect4.png" alt="Ekki tókst að birta mynd"/>

    <!-- Connect 4 Rules -->
    <span id="RuleText">
        4 í röð er einfalt og skemmtilegt tveggja manna borðspil. 
        Markmiðið er að verða fyrstur til þess að fá 4 af sínum 
        spilapeningum saman í röð, lárétt, lóðrétt eða á ská. 
        Leikreglurnar eru einfaldar. Spilað er á leikborði með 7 dálkum og 6 röðum. 
        Leikmenn hafa 21 spilapening hvor, í sitt hvorum lit.
        Leikmenn skiptast á að setja spilapening í einhvern dálk sem er ekki orðinn fullur. 
        Spilapeningurinn fer í neðsta tóma reit í dálknum. Leikmennirnir reyna að fá 4 spilapeninga 
        í röð og jafnframt að reyna að koma í veg fyrir að andstæðingurinn nái markmiði sínu. 
        Sá leikmaður vinnur sem er fyrstur til þess að fá 4 af sínum spilapeningum
        saman í röð. Ef leikborðið fyllist þá endar leikurinn í jafntefli.
    </span>
    
</div>

<div class="buttons">
    <!-- Create game button -->
    <a href="/Connect4/GameList" id="CreateGameButton"> Búa til leik / Velja leik </a> 
</div>

<div id="GoBack">
    @Html.ActionLink("Til baka", "Index", "Home")
</div>
